﻿@using System.Threading
@using System.Web.Optimization
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Wings</title>

    <link rel="shortcut icon" href="~/favicon.ico">

    @Styles.Render("~/Bundles/App/vendor/css")
    @Styles.Render("~/Bundles/App/Main/css")


    @section Scripts{
        @Scripts.Render("~/Bundles/App/vendor/js")
        <script type="text/javascript">
            //This is used to get the application's root path from javascript. It's useful if you're running application in a virtual directory under IIS.
            var abp = abp || {}; abp.appPath = '@ApplicationPath';
        </script>



        <script>
            //Localizing momentjs
            moment.locale('@Thread.CurrentThread.CurrentUICulture.Name');
        </script>

        <!-- Dynamic scripts of ABP system (They are created on runtime and can not be bundled) -->

        <script src="~/api/AbpServiceProxies/GetAll"></script>
        <script src="~/api/AbpServiceProxies/GetAll?type=angular"></script>
        <script src="~/AbpScripts/GetScripts" type="text/javascript"></script>

        @Scripts.Render("~/Bundles/App/Main/js")

    }
</head>
<body ng-controller="AppController">
    <div>
        <div ng-controller="app.views.layout as vm">

            <div ng-spinner-bar class="page-spinner-bar">
                <div class="bounce1"></div>
                <div class="bounce2"></div>
                <div class="bounce3"></div>
            </div>

            <div ng-include="'/App/Main/views/layouttest/header.cshtml'"></div>
            <div class="clearfix">
            </div>

            <!-- BEGIN CONTAINER -->
            <div class="page-container">


                <!-- BEGIN PAGE CONTENT -->
                <div class="page-content">
                    <div class="container">
                        <!-- BEGIN ACTUAL CONTENT -->
                        <div ui-view class="fade-in-up">
                        </div>
                        <!-- END ACTUAL CONTENT -->
                    </div>
                    @*<div class="container">
                            <div class="angular-animation-container row">
                                <div ui-view class="shuffle-animation col-xs-12"></div>
                            </div>
                        </div>*@
                </div>
                <!-- END PAGE CONTENT -->

            </div>
            <!-- END PAGE CONTENT -->
            <!-- BEGIN FOOTER -->
            <div data-ng-include="'/App/Main/views/layouttest/footer.cshtml'">
            </div>
            <!-- END FOOTER -->
        </div>


    </div>

</body>
</html>